<template>
  <div class="content">
    <top-label v-model="index">
      <span :slot="0">隐患点排查治理</span>
      <span :slot="1">风险分级管控</span>
    </top-label>
    <el-row>
      <keep-alive>
        <hidden-trouble-nvestigation-and-management
          v-if="index === 0"
        ></hidden-trouble-nvestigation-and-management>
        <hierarchical-risk-control v-if="index === 1"></hierarchical-risk-control>
      </keep-alive>
    </el-row>
  </div>
</template>

<script>
import TopLabel from "~/components/TopLabel";
import HiddenTroubleNvestigationAndManagement from "~/views/safety-management/hidden-danger-investigation/HiddenTroubleNvestigationAndManagement";
import HierarchicalRiskControl from "~/views/safety-management/hidden-danger-investigation/HierarchicalRiskControl";
export default {
  name: "HiddenDangerInvestigation",
  components: {
    TopLabel,
    HiddenTroubleNvestigationAndManagement,
    HierarchicalRiskControl,
  },
  data() {
    return {
      index: 0,
    };
  },
};
</script>

<style scoped>
.content{
  height: 84vh;
  margin-right: 5px;
}
</style>